(function ($) {
   var $na_goods_type = $('#na-goods-type');//获取产品导航外框元素
   var $goods_type_info = $('.goods-type-info');//获取二级导航的容器
   var $goods_type = [];//储存
    //鼠标一级导航，显示背景 离开恢复背景
    $na_goods_type.find('a').hover(function () {
        $('body').stopTime('snajidaohagn');//关闭导航第十七
        $na_goods_type.find('a').removeClass('nav-this');
        $(this).addClass('nav-this');
        $goods_type_info.fadeIn();
        show_nav($(this).index(),$(this).data('id'));
    },function () {
        shu_biao_li_kai();
    });

    //鼠标路过三级导航
    $goods_type_info.hover(function () {
        $('body').stopTime('snajidaohagn');//关闭导航定时器
    },function () {
        shu_biao_li_kai();
    });

    //鼠标离开事件
    function shu_biao_li_kai() {
        $('body').oneTime(30,'snajidaohagn',function () {
            $goods_type_info.fadeOut('fast');
            $na_goods_type.find('a').removeClass('nav-this');
        });
    }

    var nav_length = $na_goods_type.find('a').length;
    //获取每一个分类的子导航
    (function haoqu(index) {
            //判断是不是数字
            if(typeof nav_length !='number'){
                nav_length = 0;
            }
            if(index > nav_length-1){
                return;
            }
            $.get(DURL+'/goods_type',{id:$na_goods_type.find('a').eq(index).data('id')},function (da) {
                $goods_type.push(da);
                haoqu(++index);
            })
    })(0);

    //鼠标路过 添加二级导航 index:显示第一个导航
    function show_nav(index,id) {
        var html = '';
        var id_type = '';//记住现在的id
        $.each($goods_type[index],function (i,n) {

            //如果上一个id不登入现在的id 说明是是一个二级分类

            if(id_type != n.q1tgt_id){
             id_type = n.q1tgt_id;
                if(html != ''){//初始化ul
                    html+='</ul>';
                    html+='  <div class="clearfix"></div>';
                }
                html+='</li>';
                html+='<ul class="list-unstyled">';
                html+=`<li class="col-xs-1 text-nowrap"> <h5 style="cursor: pointer" onclick="location.href='${DURL}/search.html?type2=${n.q1tgt_id}&typeName=${n.q1tgt_name}'">${n.q1tgt_name} ></h5> </li>`;
                html+='<li class="col-xs-11 nav-border">';
            }
            else{
                //拼接三级分类
                html+=`<a href="${DURL}/search.html?type3=${n.q2tgt_id}&typeName=${n.q2tgt_name}" class="btn btn-link">${n.q2tgt_name}</a>`;
            }
        });
        $goods_type_info.html(html);
    }


})($);